<!DOCTYPE html>
<html lang="en">
	<head>
		<title>Projeto Exemplo</title>	
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">        
        <link rel="stylesheet" href="lib/bootstrap-3.1.1-dist/css/bootstrap.min.css" />
		<link rel="stylesheet" href="lib/jquery/css/jquery.dataTables.min_1_10_0.css" />
        <!--boot2x        	
        <link rel="stylesheet" href="http://cdn.datatables.net/1.10.0/css/jquery.dataTables.css" />	
		<link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css" />
		<link rel="stylesheet" href="lib/bootstrap/css/bootstrap-responsive.min.css" />
		<link rel="stylesheet" href="lib/jquery/css/jquery-ui.css" />
		 -->
		<!-- 
		<link rel="stylesheet" href="lib/jquery/css/uniform.css" />
		 -->
		<!--boot2x 
		<link rel="stylesheet" href="lib/bootstrap/css/select2.css" />
		<link rel="stylesheet" href="lib/bootstrap/css/datepicker.css" />
		-->
		<link rel="stylesheet" href="lib/bootstrap-3.1.1-dist/css/datepicker3.css" />
		<link rel="stylesheet" href="lib/undertheme/css/style.css" />
		
		<link rel="stylesheet" href="css/reportdesign.css" />
		
		
		<script type="text/javascript" src="lib/jquery/jquery.min.js"></script>
		<script type="text/javascript" src="lib/jquery/jquery.ui.custom_a3d4650c.js"></script>
		
		<script type="text/javascript" src="lib/jquery/json.js"></script>
		<!--
		<script type="text/javascript" src="lib/jquery/json.hpack.js"></script>
		-->
		
		<script type="text/javascript" src="lib/bootstrap-3.1.1-dist/js/bootstrap.min.js"></script>
		<!--boot2x 
        <script type="text/javascript" src="lib/jquery/jquery.ui.custom.js"></script>
        <script type="text/javascript" src="lib/bootstrap/js/bootstrap.min.js"></script>
        <script type="text/javascript" src="lib/bootstrap/js/bootstrap-datepicker.js"></script>
        -->
		<script type="text/javascript" src="lib/bootstrap-3.1.1-dist/js/bootstrap-datepicker.js"></script>
		<script type="text/javascript" src="lib/bootstrap-3.1.1-dist/js/locales/bootstrap-datepicker.pt-BR.js"></script>
        <script type="text/javascript" src="lib/bootstrap/js/bootstrap-typeahead.js"></script>        
        <!--
        <script type="text/javascript" src="lib/jquery/jquery.dataTables_1_9_4.min.js"></script>
        <script type="text/javascript" src="http://cdn.datatables.net/1.10.0/js/jquery.dataTables.js"></script>	
		<script type="text/javascript" src="lib/org/underas/util/hops.min.js"></script>  
		-->
		<script type="text/javascript" src="lib/jquery/jquery.dataTables_1_10_0.min.js"></script>

		<!-- all libs to work with PDF
		<script type="text/javascript" src="lib/jspdf/zlib.js"></script>
		<script type="text/javascript" src="lib/jspdf/png.js"></script>
		<script type="text/javascript" src="lib/jspdf/jspdf_min3.js"></script>
		<script type="text/javascript" src="lib/jspdf/jspdf.plugin.addimage.js"></script>
		<script type="text/javascript" src="lib/jspdf/jspdf.plugin.png_support.js"></script>		
		<script type="text/javascript" src="lib/org/underas/util/ExportPDF.js"></script>
		-->
		<script type="text/javascript" src="lib/org/underas/core/underas.js"></script>
		<script type="text/javascript" src="lib/org/underas/util/Array.js"></script>
		<script type="text/javascript" src="lib/org/underas/core/Component.js"></script>
		<script type="text/javascript" src="lib/org/underas/container/Container.js"></script>
		<script type="text/javascript" src="lib/org/underas/container/TitleWindow.js"></script>
		<script type="text/javascript" src="lib/org/underas/controller/Controller.js"></script>
		<script type="text/javascript" src="lib/org/underas/controller/Input.js"></script>		
		<script type="text/javascript" src="lib/org/underas/container/Box.js"></script>
		<script type="text/javascript" src="lib/org/underas/container/HBox.js"></script>
		<script type="text/javascript" src="lib/org/underas/container/BoxImg.js"></script>
		<script type="text/javascript" src="lib/org/underas/container/VBox.js"></script>
		<script type="text/javascript" src="lib/org/underas/controller/Image.js"></script>
		<script type="text/javascript" src="lib/org/underas/controller/Text.js"></script>
		<script type="text/javascript" src="lib/org/underas/controller/Button.js"></script>
		<script type="text/javascript" src="lib/org/underas/controller/Label.js"></script>
		<script type="text/javascript" src="lib/org/underas/controller/InputText.js"></script>
		<script type="text/javascript" src="lib/org/underas/controller/CheckBox.js"></script>
		<script type="text/javascript" src="lib/org/underas/controller/NumericStepper.js"></script>
		<script type="text/javascript" src="lib/org/underas/controller/TextArea.js"></script>
		<script type="text/javascript" src="lib/org/underas/controller/InputPassWord.js"></script>
		<script type="text/javascript" src="lib/org/underas/controller/TextArea.js"></script>
		<script type="text/javascript" src="lib/org/underas/controller/ProgressBar.js"></script>
		<script type="text/javascript" src="lib/org/underas/controller/DataGrid.js"></script>
		<script type="text/javascript" src="lib/org/underas/controller/Service.js"></script>
		<script type="text/javascript" src="lib/org/underas/controller/DataFind.js"></script>
		<script type="text/javascript" src="lib/org/underas/controller/DatePicker.js"></script>
		<script type="text/javascript" src="lib/org/underas/container/MenuTab.js"></script>
		<script type="text/javascript" src="lib/org/underas/net/Task.js"></script>
		<script type="text/javascript" src="lib/org/underas/net/RequestManager.js"></script>
		<script type="text/javascript" src="lib/org/underas/net/ToolBar.js"></script>		
		
		<script type="text/javascript" src="lib/jspdf/jspdf_min3.js"></script>
		<!--to support img-->		
		<script type="text/javascript" src="lib/jspdf/jspdf.plugin.addimage.js"></script>
		<!--to support img-->
		<!--to support png-->
		<script type="text/javascript" src="lib/jspdf/png.js"></script>
		<script type="text/javascript" src="lib/jspdf/zlib.js"></script>
		<script type="text/javascript" src="lib/jspdf/jspdf.plugin.png_support.js"></script>
		<script type="text/javascript" src="lib/jspdf/jspdf.plugin.split_text_to_size.js"></script>
		<!--to support png-->
		

		<script type="text/javascript" src="lib/org/underas/util/ExportPDF.js"></script>
		
		<!--  
		<script type="text/javascript"  src="js/org/projectexemple/main/main.js"></script>
		-->
		<script type="text/javascript"  src="js/org/reportjspdf/DataSets.js"></script>
		<script type="text/javascript"  src="js/org/reportjspdf/ElementProps.js"></script>
		<script type="text/javascript"  src="js/org/reportjspdf/EditorReport.js"></script>
		<script type="text/javascript"  src="js/org/reportjspdf/main.js"></script>
		
	</head>
	<body>	
	<div class="container">
	<div class="row clearfix">
		<div class="col-md-12 column">
			<nav class="navbar navbar-inverse" role="navigation">			
		        <!-- Brand and toggle get grouped for better mobile display -->
		        <div class="navbar-header">
		          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#sidebar">
		            <span class="sr-only">Toggle navigation</span>
		            <span class="icon-bar"></span>
		            <span class="icon-bar"></span>
		            <span class="icon-bar"></span>
		          </button>
		          <a class="navbar-brand" href="#">Projeto Exemplo</a>          
		        </div>
		        <!-- Collect the nav links, forms, and other content for toggling -->
		        <div class="collapse navbar-collapse" id="sidebar">
		          <ul class="nav navbar-nav navbar-right"><li class="pull-right"><a href="#" class="pull-right"><span class="badge pull-right">0</span><a></li></ul>
		        </div><!-- /.navbar-collapse -->
			</nav>
		</div>
	</div>
	<hr>
	<div class="row clearfix">
		<!--coluna1-->
		<div class="col-md-1 column" id="subconteudobtns">			
			<div class="btn-group-vertical" style="margin-right:5px">
				<button type="button" id="tool_text" class="btntool btn btn-default"><span class="glyphicon glyphicon-font"></span></button>
				<button type="button" id="tool_dinamic_text" class="disabled btn btn-default"><span class="glyphicon glyphicon-log-in"></span></button>
				<button type="button" id="tool_image" class="btntool btn btn-default"><span class="glyphicon glyphicon-picture"></span></button>
				<button type="button" id="tool_rect" class="btntool btn btn-default"><span class="glyphicon glyphicon-minus"></span></button>
				<button type="button" id="tool_square" class="btntool btn btn-default"><span class="glyphicon glyphicon-unchecked"></span></button>
				<button type="button" id="tool_cicle" class="disabled btn btn-default"><span class="glyphicon glyphicon-record"></span></button>
				<button type="button" id="tool_triangle" class="btntool btn btn-default"><span class="glyphicon glyphicon-play"></span></button>
				<button type="button" id="tool_barcode" class="disabled btn btn-default"><span class="glyphicon glyphicon-barcode"></span></button>
			</div>		
		</div>
		<!--fim coluna1-->
		<!--coluna2-->
		<div class="col-md-7 column" id="conteudo">
			
				<a id="btndesign" class="btn active">edit design <span class="glyphicon glyphicon-screenshot"></span></a>
				<a id="btnrefresh" class="btn">preview <span class="glyphicon glyphicon-print"></span></a>
				<a id="btnsource" class="btn">source <span class="btn glyphicon glyphicon-tags"></span></a>
				<a id="btnsource2" class="btn">source to db <span class="btn glyphicon glyphicon-tags"></span></a>
				<div id="designboard"  style="display:none">
					<div class="designhruler"></div>
					<div class="designpager" id="designpagerele"></div>
				</div>
				<div style="display:none" id="sourceboard2">			
					<textarea>
							{"reportName":"repor_teste","version":"0.2","orientaction":"portrait","width":587,"height":850
								,"dataSets":[{"dataSet":"dtaset1","itens":[
																			{"idItem":6,"nome":"atividade"}
																			,{"idItem":16,"nome":"teste"}
																			,{"idItem":36,"nome":"atividade 2"}
																			,{"idItem":4,"nome":"atividade 4"}
																			,{"idItem":7,"nome":"muito"}
																			,{"idItem":3,"nome":"fatividade"}
																			,{"idItem":1,"nome":"satividade"}
																			,{"idItem":9,"nome":"eatividade"}
																		  ]}]
								,"bands":{
									"band":["title","columnHeader","detail","summary","footer"]
									,"height":[143,17,70,40,80]
									,"left":[0,0,0,0,0]
									,"top":[0,0,0,0,0]
								}
								,"visual_elements":{
									"type":["triangle","rect"]
									,"id":["ve_0_0","ve_0_1"]
									,"fillColor":["rgb(34,15,10)","rgb(0, 0, 0)"]
									,"borderColor":["rgb(10,150,210)","rgb(0, 0, 0)"]
									,"borderSize":[2,1]
									,"width":[50,570]
									,"height":[34,1]
									,"top":[5,131]
									,"left":[50,8]
									,"_top":[0,0]
									,"_left":[0,0]
									,"band":[0,0]
								}
								,"texts":{
									"type":["text","textField","text","text","text","textField","textField"]
									,"id":["te_0_0","te_0_1","te_1_2","te_1_3","te_1_4","te_1_5","te_1_6"]
									,"textHorizontalAlign":["center","center","center","center","center","center","center"]
									,"textVerticalAlign":  ["center","center","center","center","center","center","center"]
									,"fillColor":["rgb(34,15,10)","rgb(250,250,250)","rgb(50, 50, 50)","rgb(50, 50, 50)","rgb(50, 50, 50)","rgb(50, 50, 150)","rgb(50, 150, 50)"]
									,"fontSize":[28,16,14,14,14,14,14]
									,"borderColor":["rgb(10,150,210)","rgb(10,150,210)","rgb(0,0,0)","rgb(0,0,0)","rgb(0,0,0)","rgb(0,0,0)","rgb(250,250,60)"]
									,"borderSize":[2,1,1,1,1,1,1]
									,"fontColor":["rgb(250,250,210)","rgb(0,0,0)","rgb(10,10,10)","rgb(10,10,10)","rgb(10,10,10)","rgb(10,10,10)","rgb(10,10,10)"]
									,"width":[500,150,50,100,200,50,200]
									,"height":[34,18,16,16,16,16,16]
									,"top":[50,90,1,1,1,5,5]
									,"left":[50,50,50,100,200,50,100]
									,"text":["Relatorio Modelo:","$F{idItem}","cod.","descricao","detalhes","$F{idItem}","$F{nome}"]
									,"_top":[0,0,0,0,0,0,0]
									,"_left":[0,0,0,0,0,0,0]
									,"band":[0,0,1,1,1,2,2]
								}
								,"images":{
									"type":[]
									,"id":[]
									,"fillColor":[]
									,"borderColor":[]
									,"borderSize":[]
									,"width":[]
									,"height":[]
									,"top":[]
									,"left":[]
									,"imgSrc":[]
									,"imgData":[]
									,"_top":[]
									,"_left":[]
									,"band":[]
								}			
							}				
					</textarea>
				</div>	
				<div id="sourceboard">
				<!--
				{"idItem":6,"nome":"atividade"}
													{"variable":"pageCount","type":"int","initialValue":"1","incrementValue":1,"incrementEvent":"pageChange","reset":""}
									,{"variable":"pageSum","type":"int","initialValue":"1","incrementValue":1,"incrementEvent":"pageChange","reset":""}
									,{"variable":"dateTime","type":"date","initialValue":"now","incrementValue":1,"incrementEvent":"pageChange","reset":""}
									,{"variable":"date","type":"date","initialValue":"now","incrementValue":1,"incrementEvent":"pageChange","reset":""}
									,{"variable":"rowCount","type":"int","initialValue":"1","incrementValue":1,"incrementEvent":"pageChange","reset":""}
									,{"variable":"rowSum","type":"int","initialValue":"1","incrementValue":1,"incrementEvent":"pageChange","reset":""}
				-->
					<textarea>
{"reportName":"repor_teste","version":"0.2","orientaction":"portrait","width":587,"height":850
								,"dataSets":[{"dataSet":"dtaset1","itens":[
																		{"idEvento":6,"publicoAlvo":"sumo sacerdocio","descricao":"atividade do bispado","detalhes":"teste de atividade","momento":"06-08-2014","hora":"21:00","local":"prox. a capela","idResponsavel":1,"orcamento":65,"proposito":"confraternizar o bispado","idStatus":1,"idOrganizacao":1,"nomeResponsavel":"Alexandre Araujo","nomeOrganizacao":"sumo sacerdocio","idUsuario":1,"loginUsuario":"alex.query@gmail.com","editavel":"N"}
																		  ]}]
								,"bands":{
									"band":["title","columnHeader","detail","summary","footer"]
									,"height":[143,17,70,40,80]
									,"left":[0,0,0,0,0]
									,"top":[0,0,0,0,0]
								}
								,"visual_elements":{
									"type":["triangle","rect"]
									,"id":["ve_0_0","ve_0_1"]
									,"fillColor":["rgb(34,15,10)","rgb(0, 0, 0)"]
									,"borderColor":["rgb(10,150,210)","rgb(0, 0, 0)"]
									,"borderSize":[2,1]
									,"width":[50,570]
									,"height":[34,1]
									,"top":[5,131]
									,"left":[50,8]
									,"_top":[0,0]
									,"_left":[0,0]
									,"band":[0,0]
								}
								,"texts":{
									"type":["text","textField","text","text","text","textField","textField"]
									,"id":["te_0_0","te_0_1","te_1_2","te_1_3","te_1_4","te_1_5","te_1_6"]
									,"textHorizontalAlign":["center","center","center","center","center","center","center"]
									,"textVerticalAlign":  ["center","center","center","center","center","center","center"]
									,"fillColor":["rgb(34,15,10)","rgb(250,250,250)","rgb(50, 50, 50)","rgb(50, 50, 50)","rgb(50, 50, 50)","rgb(50, 50, 150)","rgb(50, 150, 50)"]
									,"fontSize":[28,16,14,14,14,14,14]
									,"borderColor":["rgb(10,150,210)","rgb(10,150,210)","rgb(0,0,0)","rgb(0,0,0)","rgb(0,0,0)","rgb(0,0,0)","rgb(250,250,60)"]
									,"borderSize":[2,1,1,1,1,1,1]
									,"fontColor":["rgb(250,250,210)","rgb(0,0,0)","rgb(10,10,10)","rgb(10,10,10)","rgb(10,10,10)","rgb(10,10,10)","rgb(10,10,10)"]
									,"width":[500,150,50,100,200,50,200]
									,"height":[34,18,16,16,16,16,16]
									,"top":[50,90,1,1,1,5,5]
									,"left":[50,50,50,100,200,50,100]
									,"text":["Relatorio Modelo:","$F{idItem}","cod.","descricao","detalhes","$F{idItem}","$F{nome}"]
									,"_top":[0,0,0,0,0,0,0]
									,"_left":[0,0,0,0,0,0,0]
									,"band":[0,0,1,1,1,2,2]
								}
								,"images":{
									"type":[]
									,"id":[]
									,"fillColor":[]
									,"borderColor":[]
									,"borderSize":[]
									,"width":[]
									,"height":[]
									,"top":[]
									,"left":[]
									,"imgSrc":[]
									,"imgData":[]
									,"_top":[]
									,"_left":[]
									,"band":[]
								}			
							}


					</textarea>
				</div>
				<iframe id="preview_pane" class="preview-pane" width="100%" height="650" frameborder="0" style="display:none;position:relative;z-index:999" src=""></iframe>
		</div>
		<!--fim coluna2-->
		<!--coluna3-->
		<div class="col-md-4 column">
			<div id="subconteudo">
			</div>
			<div id="subconteudo2">
			</div>
			<div id="subconteudo3">
			</div>
		</div>
		<!--fim coluna3-->
	</div>
			<!-- rodape -->
			<hr>
			<footer>
				<p>
					2013 &copy; Projeto Exemplo Admin <a href="#">:::</a>
				</p>
			</footer>
			<!-- fim rodape -->
		<!-- fim conteiner master -->	
		</div>
	<!--fim-->
	<img style="display:none" id="logReports" src="assets/cursos/logo_title.jpg"/>
	</body>
</html>
